/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      页签      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.Monitor > .MyTab {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 1000;
  width: 100%;
  bottom: 4vh;
  pointer-events: none;

  /* ============================== 页签项 ============================== */
  > div {
    position: relative;
    text-align: center;
    margin: 0 2vw;
    pointer-events: all;
    transition: 0.3s;

    &:hover {
      transform: translateY(-10%);
    }

    /* —————————————————————————————— 图标 —————————————————————————————— */
    > div {
      height: 6vh;
      margin: 1vh auto 0;

      > img {
        height: 100%;
      }
    }
  }

  /* ============================== 选中项 ============================== */
  > .MyTab-active {
    /* —————————————————————————————— 图标 —————————————————————————————— */
    > div {
      height: 7vh;
    }
  }
}
